<template>
 <el-card>
  <CateqorySelector></CateqorySelector>

 </el-card>




   <el-card style="margin-top: 10px;">


     <!-- 添加spu -->
 <el-row class="mb-4">
   
    <el-button style='margin-bottom: 15px;' type="primary">Primary</el-button>
   
  </el-row >

  <!-- 表格 -->
 <el-table :data="tableData" border style="width: 100%; margin-bottom: 25px;" >
    <el-table-column prop="date"  type="index" label="序号 " width="80px" />
    <el-table-column prop="name" label="SPU名称"/>
    <el-table-column prop="address" label="SPU描述" />
    <el-table-column prop="address" label="操作" />
  </el-table >


  <!-- 分页器 -->
  <el-pagination
 
      v-model:currentPage="currentPage4"
      v-model:page-size="pageSize4"
      :page-sizes="[100, 200, 300, 400]"
      :small="small"
      :disabled="disabled"
      :background="background"
      layout=" prev, pager, next, jumper,->, sizes,total"
      :total="400"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
    />
   </el-card>
   
</template>

<script>
import CateqorySelector from '@/components/CateqorySelector'

export default {
  name: 'spu',
  components: {
    CateqorySelector
  }
  
}
</script>

<!-- 分页器 -->
<style scoped>
.demo-pagination-block + .demo-pagination-block {
  margin-top: 10px;
}
.demo-pagination-block .demonstration {
  margin-bottom: 16px;
}
</style>